草庐IT

html - 影响 div :hover with another div

全部标签

javascript - 对于所见即所得编辑器,在 div 上使用 contenteditable 有多可靠?

我相信这个标题是不言自明的,但也许我还是应该问详细点。我正在构建一个WYSIWYG编辑器,而我真的才刚刚开始。所以,我意识到也许了解利弊会启发我。基本上,我的问题是,因为我想要一个至少可以在所有主要浏览器中使用90%的编辑器,我可以在div中使用contenteditable多远,以及与designMode和iframe相比,使用contenteditable的优缺点是什么?此外,在研究过程中我发现了thiseditor.我相信它没有使用这些属性中的任何一个,而是在移动textarea的位置。这是更好的方法吗?好吧,我知道有很多因素会影响最后一个问题的答案,但正如我提到的,我在编辑器中

javascript - 有没有办法模糊所有页面并使用 jquery/javascript 聚焦某些 div?

有什么方法可以模糊所有页面(例如设置新背景并使用z-index将其置于前景)并使用jquery/javascript聚焦某些div(比如说错误消息)?您知道用于该目的的任何插件吗?这就是我想要的: 最佳答案 您可以使用jQueryUI对话框并使用CSS更改带有模糊背景图像的叠加div背景,如下所示:http://css-tricks.com/examples/BlurryBackgroundEffect/——或者——您可以将jQueryUI对话框与此处的CSS文本模糊效果混合使用:http://motyar.blogspot.com

javascript - jQuery滚动条移动时如何隐藏Div?

我只希望#menu在滚动条移动时淡出以提供一个不那么困惑的界面。是否有允许这样做的代码?我想基本上我正在寻找的是如何获取滚动条移动事件。在滚动1秒后慢慢淡出#menu并在滚动条不活动2秒后恢复#menu。非常感谢! 最佳答案 var$menu=$("#menu");varopacity=$menu.css("opacity");varscrollStopped;varfadeInCallback=function(){if(typeofscrollStopped!='undefined'){clearInterval(scrollS

javascript - 如何检测 HTML 元素内容的变化?

我正在使用RubyonRails3.1.0和jquery-railsgem。我想将一个jQuery事件(也许我可以使用live功能......)绑定(bind)到一个HTMLdiv标签,这样我就可以检查它的内容变化,如果所以(也就是说,如果新代码被添加到div标签),在另一个HTMLdiv标签中创建自定义文本。也就是说,在我的View文件中我有:我想添加\删除一个“你好!”div中带有id="div_content_2"的文本消息每次divcontent中带有id="div_content_1"更改(在我的例子中,当HTMLinput字段添加到div标签时-请阅读下面的示例)。例如(在

javascript - Jquery 在 ul 中选择具有跨度的 div

采用以下代码:ABCULselectedDEFULnotselected我需要选择li.section中的每个ul.items,它有一个带有类“show”的跨度。在此示例中,应仅选择第一个ul.items。我需要什么jquery选择器? 最佳答案 这可以解决问题(http://jsfiddle.net/bmqyF/1/):$("ulli.section:has(span.show)ul.itemsli"); 关于javascript-Jquery在ul中选择具有跨度的div,我们在Sta

javascript - jQuery 使用箭头键移动 div

我正在尝试使用箭头键移动一个div。我有以下代码不适合我。你看有什么问题吗?检查jsfiddlehttp://jsfiddle.net/N5Ltt/1/$(document).keydown(function(e){switch(e.which){case37:$('div').stop().animate({left:'-=10'});//leftarrowkeybreak;case38:$('div').stop().animate({top:'-=10'});//uparrowkeybreak;case39:$('div').stop().animate({left:'+=10'

javascript - 如何使用 Jquery 根据 html 中的关键字为元素的背景着色

我正在尝试使用Jquery首先识别span标记中的特定单词,然后为嵌套它的div的背景着色。HTML如下所示:WorkshopToddlersareespeciallywelcometoBALTIConTuesdays.Joininthefun,asaBALTICartistleadsapracticalsessionusingavarietyofmaterials,...所以我认为我需要使用Jquery来确定是否等于“Workshop”,然后使用类highlight为div着色(例如,将背景设置为#000)。我需要重复此操作,以便为每个具有不同值的div.highlight赋予不同的

javascript - 在正文 html 中搜索某些文本的最佳方法是什么

截至目前,我正在使用JavaScript搜索方法来替换正文HTML中的一些文本,如下所示。假设我的html是Iaminbody...然后我使用下面的方法varbody=$(body);vartext=body.html();text=text.replace('Iaminbody...','Yes');body.html(text);但我可以在IE等浏览器中看到缓慢的页面搜索..请建议我改进这一点,如果有任何插件可以搜索和匹配字符串,即使它包含任何html标签,也请告诉我。如下所示Iaminbody...用目前的方法我无法匹配这个..如果我使用$('*:contains("somese

javascript - 检查某些 div 之间的碰撞

如何检查某些div之间的碰撞?目前我正在使用getBoundingClientRect(),但它会检查每个div:if(this.getBoundingClientRect()){animateContinue=1;}我将如何去检查特定的?使用此for循环,我可以获得要检查的div的ID:for(varx=1;x 最佳答案 好吧,我最终使用了thisduplicate的修改版本.完成工作的函数是:varoverlaps=(function(){functiongetPositions(elem){varpos,width,heigh

javascript - underscore.js 和 backbone.js 的外部 html 模板

我可以将我的模板放在单独的.html文件中,然后在我的index.html中引用它们吗?索引.html:项目列表-tmpl.html:我试过了,但问题是它没有在index.html上显示模板,但它加载在正确的位置(使用Firebug查看)更新找到了一个可能的解决方案,但不推荐用于生产环境。 最佳答案 从http://coenraets.org/blog/2012/01/backbone-js-lessons-learned-and-improved-sample-app/#comment-35324得到这个为此创建一个单独的js文件